<template>
  <div id="wrapper">
    <!--top-->
    <div class="top-header border-bottom fixed-top">
      <h2 class="f36 color-000">商品发布成功</h2>
      <!-- <div class="top-right">
        <a href="###" class="sharelist"></a>
      </div> -->
    </div>
    <div class="p-20 mt-97">
      <div class="success-box p-30 bg-fff border">
        <div class="mbgamesucc-tiem">
          <span class="tmsucc-ico color-m1 f36">提交成功</span>
        </div>
        <p class="mbgamesucc-text f28 text-center">商品会在1小时内完成审核</p>
        <div class="detail-list">
          <p class="f28 color-666 detail-item ">
            <span>商品名称：</span>
            <span>{{detail.title}}</span>
          </p>
          <p class="f28 color-666 detail-item ">
            <span>商品价格：</span>
            <span class="color-m1">{{detail.price}}元/件</span>
          </p>
          <p class="f28 color-666 detail-item ">
            <span>商品件数：</span>
            <span>{{detail.stockTotal}}件</span>
          </p>
        </div>
        <div class="line-btn-two mt-60 clearfix">
          <a class="fl f38 border text-center color-333 bg-fff" href="/vue/sell-home/1">继续发布</a>
          <a class="fr f38 text-center color-fff bg-m1" href="JavaScript: void(0)" @click="goMember">查看商品</a>
        </div>
        <div class="proclo mt-60 mb-30 f32 text-center">
          <a class="color-196" href="/">返回首页</a>
        </div>
      </div>
      <div class="success-box p-30 mt-20 bg-fff border">
        <p class="f32 color-m1">温馨提示</p>
        <p class="f28 mt-20 color-666 clearfix lh-44">
          <span class="fontarial fontbold fl tip-num">1&nbsp;.&nbsp;</span>
          <span class="fl tip-content">发布成功后，客服不会要求您再交纳任何费用</span>
        </p>
        <p class="f28 mt-10 clearfix color-666 lh-44">
          <span class="fontarial fontbold fl tip-num">2&nbsp;.&nbsp;</span>
          <span class="fl tip-content">任何要求您扫支付宝二维码、交押金、交保证金、交安全险，对方都是骗子！</span>
        </p>
      </div>
    </div>
    <!--隐藏分享菜单-->
    <div class="sharediv hide bg-fff">
      <div class="sharediv03 color-666">
        分享到
      </div>
      <div class="new-sharediv">
        <a href="javascript:void(0)">
          <i class="new-sharediv01"></i>
          新浪微博
        </a>
        <a href=" http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https%3A%2F%2Fm.5173.com%2Faccount-detail.html%3FgoodsId%3DMZH170307000000859%23&amp;desc=%E6%9C%AC%E5%8C%BA120%E8%8B%B1%E9%9B%84%EF%BC%8C%E7%9A%AE%E8%82%A4%E5%87%A0%E7%99%BE%E4%B8%AA%E3%80%82%E6%9C%89%E6%B5%B7%E5%85%8B%E6%96%AF%E5%AE%89%E5%A6%AE-%E5%B8%90%E5%8F%B7%E4%BA%A4%E6%98%93-5173.com&amp;title=%E6%9C%AC%E5%8C%BA120%E8%8B%B1%E9%9B%84%EF%BC%8C%E7%9A%AE%E8%82%A4%E5%87%A0%E7%99%BE%E4%B8%AA%E3%80%82%E6%9C%89%E6%B5%B7%E5%85%8B%E6%96%AF%E5%AE%89%E5%A6%AE-%E5%B8%90%E5%8F%B7%E4%BA%A4%E6%98%93-5173.com&amp;summary=%E6%9C%AC%E5%8C%BA120%E8%8B%B1%E9%9B%84%EF%BC%8C%E7%9A%AE%E8%82%A4%E5%87%A0%E7%99%BE%E4%B8%AA%E3%80%82%E6%9C%89%E6%B5%B7%E5%85%8B%E6%96%AF%E5%AE%89%E5%A6%AE-%E5%B8%90%E5%8F%B7%E4%BA%A4%E6%98%93-5173.com&amp;pics=http%3A%2F%2Fbo.5173cdn.com%2F5173_2%2Fdata%2F201703%2F00%2FA7%2FRQKowFi-Lh8AAAAAAAD6NBkbCNU22.jpg&amp;flash=&amp;site=&amp;style=201&amp;width=50&amp;height=50" id="sharediv07" target="_blank">
          <i class="new-sharediv02"></i>
          QQ空间
        </a>
        <a href="javascript:void(0)">
          <i class="new-sharediv03"></i>
          复制
        </a>
      </div>
    </div>
    <!--链接复制成功-->
    <div class="hide copy-success text-center color-fff f32">链接复制成功</div>
  </div>
</template>

<script>
import { mapActions } from 'vuex'

export default {
  data() {
    return {
      detail: {}, // 商品详情
      query: this.$route.query
    }
  },
  created() {
    this.$indicator.open()
  },
  mounted() {
    // this.getCoinDetail({goodsId: this.query.goodsId}).then(({mobileGoldDetailVo: detail}) => {
    //   this.detail = detail
    // }).then(() => {
    //   this.$indicator.close()
    // })
    this.$http.post(this.$CONSTANTS.APIMGCoin + 'goods/getGoodsDetail', {
      bizOfferId: this.query.goodsId
    }).then(({ data }) => {
      if (data.success) {
        // this.$router.push({ name: 'MGSellSuccessCoin', query: { goodsId: data.data } })
        this.detail = data.data
      } else {
        this.$toast(data.responseStatus.message)
      }
      this.$indicator.close()
    })
  },
  beforeDestroy() {
    this.$indicator.close()
  },
  methods: {
    /* 查看商品点击 */
    goMember() {
      this.$router.push({path: '/vue/memberseller/sellerGoodsListofPc?status=0&operator=1'})
    },
    /* 继续发布 */
    continueSell() {
      this.$router.push({ path: '/vue/sell-home/2' })
    }
  }
}
</script>
